﻿@namespace Sky.App.AIUI.Pages
@page "/Chat"
@using Microsoft.AspNetCore.Components.Web.Virtualization

<div class="page-content">
    <GridRow Gutter="(16, 16)">
        <GridCol Span="14">
            <Card Style="height: 700px;">
                <TitleTemplate>
                    <i class="fa fa-windows"></i> @("DeepSeek-Chat")
                </TitleTemplate>
                <Body>
                    <div id="scrollDiv" style="height: 700px; overflow-y: auto; overflow-x: hidden;">
                        @if (MessageList.Count > 0)
                        {
                            <GridRow Gutter="(8, 8)">
                                <Virtualize Items="@(MessageList.OrderByDescending(o => o.CreateTime).ToList())" Context="item">
                                    <GridCol Span="24">
                                        <Card Size="@(CardSize.Small)">
                                            <TitleTemplate>
                                                <Text Strong><Icon Type="bulb" /> @(item.Questions)</Text>
                                            </TitleTemplate>
                                            <Extra>
                                                <Space>
                                                    <SpaceItem>
                                                        <a style="color: gray;" @onclick="@(async () => await OnCopyAsync(item))"><Icon Type="copy" /></a>
                                                    </SpaceItem>
                                                    <SpaceItem>
                                                        <a style="color: gray;" @onclick="@(async () => await OnClearAsync(item.ID))"><Icon Type="rest" /></a>
                                                    </SpaceItem>
                                                </Space>
                                            </Extra>
                                            <Body>
                                                @((MarkupString)item.HtmlAnswers)
                                            </Body>
                                        </Card>
                                    </GridCol>
                                </Virtualize>
                            </GridRow>
                        }
                        else
                        {
                            <Alert Type="@(AlertType.Info)"
                                   Message="我是DeepSeek，什么都知道，问吧！！！"
                                   ShowIcon="@(true)" />
                        }
                    </div>
                </Body>
            </Card>
            <Card>
                <Spin Size="@(SpinSize.Small)" Spinning="@(_isLoading)">
                    <AntDesign.Input @bind-Value="@(_messageInput)" DebounceMilliseconds="@(-1)" Placeholder="输入消息回车发送" OnPressEnter="@(async () => await OnSendAsync())">
                        <Suffix>
                            <Button Icon="send" Type="@(ButtonType.Link)" OnClick="@(async () => await OnSendAsync())" AutoLoading="@(true)"></Button>
                        </Suffix>
                    </AntDesign.Input>
                </Spin>
            </Card>
        </GridCol>
        <GridCol Span="10">
            <Card Style="height: 790px;">
                <TitleTemplate>
                    <i class="fa fa-windows"></i> @("介绍")
                </TitleTemplate>
                <Body>
                    DeepSeek，全称杭州深度求索人工智能基础技术研究有限公司，成立于2023年7月17日，是一家创新型科技公司，专注于开发先进的大语言模型（LLM）和相关技术。
                    <br />
                    注册地位于浙江省杭州市拱墅区环城北路169号汇金国际大厦西1幢1201室，法定代表人为裴湉。
                    <br />
                    DeepSeek的经营范围包括技术服务、技术开发；软件开发等。
                    <br />
                    2024年1月5日，发布DeepSeek LLM，这是深度求索的第一个大模型。
                    <br />
                    2024年1月25日，发布DeepSeek-Coder。
                    <br />
                    2024年2月5日，发布DeepSeekMath。
                    <br />
                    2024年3月11日，发布DeepSeek-VL。
                    <br />
                    2024年5月7日，发布DeepSeek-V2。
                    <br />
                    2024年6月17日，发布DeepSeek-Coder-V2。
                    <br />
                    2024年9月5日，DeepSeek 官方更新 API 支持文档，宣布合并 DeepSeek Coder V2 和 DeepSeek V2 Chat 两个模型，升级推出全新的 DeepSeek V2.5 新模型。
                    <br />
                    2024年12月13日，发布用于高级多模态理解的专家混合视觉语言模型——DeepSeek-VL2。
                    <br />
                    2024年12月26日晚，AI公司深度求索（DeepSeek）正式上线全新系列模型DeepSeek-V3首个版本并同步开源。
                    <br />
                    12月30日，DeepSeek-V3的正式发版引起AI业内广泛高度关注，其在保证了模型能力的前提下，训练效率和推理速度大幅提升。

                    <hr />
                    使用说明
                    <br />
                    1.  https://chat.deepseek.com/sign_in 注册账号，并取得AppKey
                    <br />
                    2.  配置文件appsettings.json中修改DeepSeekAppKey为上一步取得的AppKey

                </Body>
            </Card>
        </GridCol>
    </GridRow>
</div>
